草庐IT

Angular 2 表单

全部标签

javascript - Angular - 重试失败的请求

我们正在使用我们的应用程序的刷新token逻辑实现token授权。基本上,一切正常。但是我们想重试由于token过期而失败的请求。一切都在拦截器中完成。这是一些相关代码:a.service('APIInterceptor',function($q,$rootScope,$location,$window,$injector){varservice=this;var$http;varrefreshTokenInProcess=false;executeRequest=function(config){varaccessToken=$window.localStorage.getItem(

javascript - 不使用angularjs向下滚动时如何验证表单?

我正在尝试验证名为“同意信息”的页面的表单。在这里,用户必须向下滚动才能向前移动(记住框底部没有复选框,相反用户必须一直向下滚动直到滚动结束),如果用户单击继续/同意按钮而不滚动,必须显示一个div元素/错误,说“需要滚动到信息的底部”(必须是anchor链接,单击它应该用颜色突出显示该框)。这是代码和图片(function(){angular.module('agreeToInfoApp',[]).directive('execOnScrollOnBottom',[function(){return{restrict:'A',link:function(scope,elem,attr

javascript - Angular ng-options 在拼接上提供空选择选项

所以我有一个具有以下标记的AngularView:selecthandheldid页面加载时的vm.handheldKeys是一个数组,有两个值[0,24]。当页面加载时,呈现的HTML如下(为便于阅读而标记):selecthandheldid024这当然是您所期望的。现在,通过一些业务逻辑,在用户与页面交互之后,有一个拼接vm.handheldKeys数组的函数。因此,假设代码如下所示:vm.handheldKeys.splice(0,1);//Removethe'0'fromthearray现在,我得到的是以下呈现的HTML(注意第一个选择选项):selecthandheldid2

javascript - 在注册表单上,表单字段未保存在提交时自动填写的浏览器中。(ReactJs)

我的站点中有一个注册表单,我正在其中保存字段,并且在用户再次返回该注册表单时保存表单后,我希望将以前的字段值保存在浏览器自动填充中。下面是我的代码片段-SignUp在anchor标记的onClick代码中,我通过注册用户函数进行ajax调用。之后,我希望用户数据自动填充到chrome中的浏览器自动填充地址中。我尝试了以下方法:-1.很少有人建议使用表单“提交”按钮功能将数据保存在自动填充中,而不是使用ajax调用表单anchor标记的onClick事件。但这对我来说也不起作用。2.我看过一些帖子,其中他们告诉我要为字段使用专有名称和自动完成属性。但使用该浏览器只能猜测正确的字段值。

javascript - Angular 2 : How do I get params of a route from outside of a router-outlet

与Angular2Getrouterparamsoutsideofrouter-outlet类似的问题但针对的是Angular2的发布版本(因此是路由器的3.0.0版)。我有一个带有联系人列表和路由器socket的应用程序,用于显示或编辑所选联系人。我想确保在任何时候(包括页面加载时)都选择了正确的联系人,所以我希望能够在路线更改时从route读取“id”参数。我可以通过订阅路由器的事件属性来处理路由事件,但是事件对象只允许我访问原始url,而不是它的解析版本。我可以使用路由器的parseUrl方法解析它,但是这种格式不是特别有用,而且相当脆弱,所以我宁愿不使用它。我还在路由事件中查看

javascript - Angular2 ng2-图表自定义?

我已经开始使用angular2ng2-chart。对于我使用angular2ng2-chart创建的下图,我有几个问题,但仍想进行更多自定义:问题:1)当没有像上图Nov-7中那样的值为0(零)的值时,如何在两点之间画一条虚线?2)如何制作阴影效果、不透明度或多种颜色的组合?3)当我将鼠标悬停在任何定义的点上时以及如果我想在鼠标悬停时更改y轴网格颜色时如何获取y轴的值。使用ng2-chart悬停功能的最佳方法是什么?当前示例代码和配置文件:index.htmlOverviewindex.component.tsimport{Component,Output,EventEmitter,O

javascript - 以编程方式将验证规则附加到表单字段

我正在使用VeeValidate对使用Vue.js制作的表格进行一些验证.我将其设置为显示一个跨度,其中包含与发生错误的输入相关的错误消息。{{errors.first('panelData.AnalysisDate')}}所有输入都以相同的方式设置,并且都正常工作。当我尝试向需要date-between的上述输入添加验证规则时出现问题。使用从今天开始的一年作为最大值的规则。date_between:{min,max}v-validate属性接收由|分隔的验证规则字符串。有一种方法可以通过自动附加到Vue实例的验证器实例动态添加规则。$validator.attach({field},

javascript - 降级 angular 2 指令或至少能够在 angular js 中使用它

我试图在angularjs中使用我的ng2指令,但无法让它工作。我已经看到downgradeComponent使用restric:'E'作为angularjs指令,这意味着它仅限于元素。任何人都知道如何处理这个问题?我试过在angularjs中简单地使用我的指令,但它没有用。我正在使用UpgradeModule进行混合引导。这是我的指令。@Directive({selector:'[test-directive]'})exportclassTestDirectiveimplementsOnInit{@Input("test-directive")testDirective:string

javascript - Safari blob 下载影响表单提交 - 导致表单帖子被下载而不是在新选项卡中打开

下载文件选项(使用blob)与单个页面上的另一个表单提交选项一起出现。在提交表单之前选择下载选项时,将下载表单结果而不是在新选项卡中打开。这种情况仅在Safari中发生。其余浏览器按预期工作。Safari浏览器版本11.0.1macOSSierra版本10.12.6示例jsfiddle-https://jsfiddle.net/e8n9982f/var$button1=$("#btn-1");var$button2=$("#btn-2");//SaveLocally$button1.on('click',function(){if(typeof(Blob)!=="undefined"&

javascript - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab